<template>
  <div class="homepinglun">
    <div class="content">
      <div class="box">
        <!--  ["num", "username", "userimg", "text", "img"] -->
        <OnePinglun
          v-for="(v) in arr"
          :key="v.name"
          :num="v.num"
          :username="v.username"
          :userimg="v.userimg"
          :text="v.text"
          :img="v.img"
        />
      </div>
    </div>
  </div>
</template>

<script>
// import axios from "axios";
import OnePinglun from "../home/OnePinglun.vue";
export default {
  data() {
    return {
      // arr:[]
      arr: [
        {
          num: "49",
          username: "睡不醒的木子某人",
          userimg:
            "https://img.meituan.net/relationwxpic/afb666cf26e45d847b681b440b762f343460.jpg%4048w_48h_1e_1c_1l%7Cwatermark%3D0",
          text: "上海我超爱的古着搬新家啦！每件裙子都好好看",
          img:
            "https://qcloud.dpfile.com/pc/bkUetyr3Yy7Dpos1HN5ClH8RpTPGtwJgAHRYaSG3NByqdsBYA9CFkeSm2ZlF0OVmG45IiB1YIyNuDTtqzVRwesm_qA1Pf8rFcayTY-n-rG8.jpg"
        },
        {
          num: "16",
          username: "Oreo奥力奥",
          userimg:
            "https://p0.meituan.net/userheadpicbackend/7e8aa803821f297ee98f91beb04abd8a376577.jpg%4048w_48h_1e_1c_1l%7Cwatermark%3D0",
          text: "若是你胃口不好时来吃上一口，顿时就会食欲大增",
          img:
            "https://qcloud.dpfile.com/pc/kIlmITb8Jhl2ninkgg1fbKRXrv-BSH9vq2_Zap1QsXNJ1d-UaiACIbCESM9tlXdTG45IiB1YIyNuDTtqzVRwesm_qA1Pf8rFcayTY-n-rG8.jpg"
        },
        {
          num: "319",
          username: "Mirr月牙刀.究极进化",
          userimg:
            "https://p0.meituan.net/userheadpicbackend/8b1f85438371eb11885b659801b2f0501641373.jpg%4048w_48h_1e_1c_1l%7Cwatermark%3D0",
          text: "打开魔法大门，现实版“霍格沃兹”|建投书局传记图书馆～",
          img:
            "https://qcloud.dpfile.com/pc/KWowMWJZg4vHGu2Ud58bxQr_ZAdNucFH8QqwS5zg8yxdcfOP9aI9-XQw8T5ZHFEyG45IiB1YIyNuDTtqzVRwesm_qA1Pf8rFcayTY-n-rG8.jpg"
        },
        {
          num: "38",
          username: "水果味儿",
          userimg:
            "https://p0.meituan.net/userheadpicbackend/a3ca58ed31ba116f576adb5ad889f5ce594336.jpg%4048w_48h_1e_1c_1l%7Cwatermark%3D0",
          text: "上海探店｜两位数💰买秋装古着🧥，太划算了‼️",
          img:
            "https://qcloud.dpfile.com/pc/ZgpwsE7_etYtqZWy0KzNpc2cw2QQIcKPsmoAufMhvDz9bCQDIiUoQBWVY93ElrLHG45IiB1YIyNuDTtqzVRwesm_qA1Pf8rFcayTY-n-rG8.jpg"
        },
        {
          num: "17",
          username: "Burryty",
          userimg:
            "https://p0.meituan.net/userheadpicbackend/a17b83a89cfbd80b1c9410c40563d75f1020553.jpg%4048w_48h_1e_1c_1l%7Cwatermark%3D0",
          text: "去不了新疆那就来吃这家店吧 大盘鸡一绝🐔",
          img:
            "https://qcloud.dpfile.com/pc/ejRQG2tHdvxuVRStOYFqHIy2IE9WYuVNb_xoOJhPjA0phJfrL7bpWNvTSHVIqFQMG45IiB1YIyNuDTtqzVRwesm_qA1Pf8rFcayTY-n-rG8.jpg"
        },
        {
          num: "60",
          username: "77呐",
          userimg:
            "https://p1.meituan.net/userheadpicbackend/d82b2f15e652d769c3514f5e7d5056a1101590.jpg%4048w_48h_1e_1c_1l%7Cwatermark%3D0",
          text: "救命‼️上海这家闲置寄卖店绝了🤭又多又便宜",
          img:
            "https://qcloud.dpfile.com/pc/1RdtWwIjwHDwAhF6rkL5Q8AiQrL5oOPBSTYf9AB7G0AMyUnxe74hwCXsA8S86qdXG45IiB1YIyNuDTtqzVRwesm_qA1Pf8rFcayTY-n-rG8.jpg"
        },
        {
          num: "144",
          username: "西西梨呀",
          userimg:
            "https://p1.meituan.net/userheadpicbackend/2d0e4d3f5264229018e772e3a091c0a51533490.jpg%4048w_48h_1e_1c_1l%7Cwatermark%3D0",
          text: "上海新店|大隐于市的汉服弓道馆🏹射箭品茶！",
          img:
            "https://qcloud.dpfile.com/pc/_RArqmQd2-i5GcpUY24mB2Hvtwji63BgNzQbCUOijE5CPkWLDk0eI9B8Xgm4UCmmG45IiB1YIyNuDTtqzVRwesm_qA1Pf8rFcayTY-n-rG8.jpg"
        },
        {
          num: "177",
          username: "兔仙姑兔兔兔",
          userimg:
            "https://p0.meituan.net/userheadpicbackend/54622371df5f55a614f9159ca7c811b41834871.jpg%4048w_48h_1e_1c_1l%7Cwatermark%3D0",
          text: "申井冰夏日大招！治愈系冰冰太可爱啦！",
          img:
            "https://qcloud.dpfile.com/pc/b3agekh0FYPX8RPWNc8wcmJUhas_JfS1OCCcxNMKAlwb9pQa5ST5unqHxetUwsg6G45IiB1YIyNuDTtqzVRwesm_qA1Pf8rFcayTY-n-rG8.jpg"
        },
        {
          num: "0",
          username: "lo婷婷ve",
          userimg:
            "https://p1.meituan.net/userheadpicbackend/40d1fe2f035609e3fc2ecd27ec8a03e43042.jpg%4048w_48h_1e_1c_1l%7Cwatermark%3D0",
          text: "激起了小朋友攀爬的乐趣，下次还会去",
          img:
            "https://p0.meituan.net/coverpic/a65aef133945a9ce407dac9a78965b77157919.jpg%40538w_717h_1e_1c_1l%7Cwatermark%3D0"
        },
        {
          num: "14",
          username: "野猫小丘",
          userimg:
            "https://p0.meituan.net/userheadpicbackend/92ff0d16ba4d889b58a77246145e02d92078021.jpg%4048w_48h_1e_1c_1l%7Cwatermark%3D0",
          text: "附近可以烧烤！露营！喝咖啡！玩皮划艇🚣‍♀️",
          img:
            "https://qcloud.dpfile.com/pc/BNhxLVaiNE4LziFZi0WjdBcQLBGJ5DeGA3Y4FRHzzgKis11DQmnpY8dKDDZwsi8cG45IiB1YIyNuDTtqzVRwesm_qA1Pf8rFcayTY-n-rG8.jpg"
        }
      ]
    };
  },
  components: {
    OnePinglun
  },
  methods: {}
  // created() {
  //   // mock数据
  //   axios.request("http://localhost:8889/cyhomepinglun").then(({ data }) => {
  //     //   console.log(data);
  //     this.arr = data;
  //   });
  // }
};
</script>

<style lang="scss" scoped>
.homepinglun {
  position: relative;
  width: 100%;
  overflow-x: hidden;
  box-sizing: border-box;
  padding-bottom: 1.333vw;

  .content {
    margin: 0 1.6vw;
    box-sizing: border-box;
    .box {
      //   width: 47.6vw;
      font-size: 0.4rem;
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
    }
  }
}
</style>